import React from 'react'
import Star from '../Star'
import styled from "styled-components";
const ListWrap = styled.div`
 .comment-item{
      padding:10px;
      line-height:1.5;
     border-bottom:1px solid #dedede
 }
`;
function CommentItem(props) {
    // 获取数据
    let item = props.i
    item = {
        username: '133****3355',
        comment: '非常好吃，棒棒的，下次再来',
        star: 5
    }
    return (
        <ListWrap>
            <div className="comment-item">
                <h3>
                    <i className="icon-user"></i>
                    &nbsp;
                    {item.username}
                </h3>
                <Star star={item.star} />
                <p>{item.comment}</p>
            </div>
        </ListWrap>
    )
}
export default CommentItem